@tailwind base;
@tailwind components;
@tailwind utilities;

.bg-main {
   @apply bg-indigo-800;
}
.color-main {
   @apply text-indigo-800;
}
.color-light {
   @apply text-indigo-500;
}

.color-disabled {
   @apply text-gray-500;
}
.color-danger {
   color: #ef6b6b;
}
.flex-base {
   @apply flex justify-between items-center;
}
.light-card {
   @apply bg-white p-2 rounded-md shadow-sm;
}

@font-face {
   font-family: Roboto;
   src: url('../assets/fonts/Roboto.ttf') format('truetype');
}

.full {
   @apply absolute left-0 right-0 top-0 bottom-0;
}

main.content {
   height: calc(100vh - 56px);
}

@layer components {
   * {
      @apply box-border;
   }
   a {
      @apply cursor-pointer text-sky-700 font-semibold;
   }

   h2 {
      @apply font-medium text-2xl;
   }
   input,
   select,
   textarea {
      @apply focus:outline-none bg-zinc-100 px-3 text-sm;
   }
   input,
   textarea {
      @apply py-1;
   }
   select {
      @apply py-2;
   }

   button {
      @apply px-6 py-0.5 text-white tracking-wider bg-indigo-800 hover:bg-indigo-900 hover:shadow-md transition flex items-center;
   }

   /**Left Nav 表单*/
   form {
      @apply flex flex-col space-y-2 my-2;
   }
   .form-item-content {
      @apply flex items-center;
   }
   .form-item-content > :first-child {
      @apply w-3/12;
   }
   .form-item-content > :last-child {
      @apply w-9/12;
   }
   .form-item-msg {
      @apply relative -right-1/3 text-xs pt-1 pl-2 text-red-500;
   }

   /**Left Nav 导航栏*/
   .nav-li {
      @apply px-2 h-10 leading-10 transition text-slate-500 cursor-pointer font-medium block;
   }
   .nav-li:hover,
   .nav-li.active {
      @apply pl-4 bg-slate-300 text-black border border-r-slate-900;
   }

   .box {
      @apply bg-white shadow-lg hover:shadow-lg duration-150;
   }
   .checkbox {
      @apply h-4 w-4 border-gray-200 cursor-pointer accent-indigo-600 rounded-lg;
   }
   .icon {
      @apply flex justify-center items-center rounded-full;
   }
   .btn {
      @apply py-1.5 text-white tracking-wider bg-indigo-800 shadow-lg rounded-md text-center;
   }
   .btn_icon {
      @apply flex w-fit px-2 text-sm items-center space-x-1 py-1;
   }
}

@layer utilities {
   .scrollbar::-webkit-scrollbar {
      width: 4px;
      height: 4px;
   }

   .scrollbar::-webkit-scrollbar-track {
      border-radius: 100vh;
      background: #9b9997;
   }

   .scrollbar::-webkit-scrollbar-thumb {
      background: #4e4e4e;
      border-radius: 100vh;
   }
}

/* 隐藏高德地图logo */
.BMap_cpyCtrl {
   display: none;
}
.anchorBL {
   display: none;
}
.amap-logo img {
   display: none;
}
.amap-copyright {
   opacity: 0;
}
